<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>浮动使用场景</title>
		<style>
			div{
				width: 300px;
				height: 300px;
				background:url(./img/哪吒.png);
				background-size: 100% 100%;
				/* 浮动：让元素飘起来，元素脱离文档流 */
				float:left;
			}
		</style>
	</head>
	<body>
		<div></div>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae porro, adipisci incidunt dolore aliquid sed? Excepturi, optio quos. Laborum, assumenda. Asperiores iure, deleniti voluptates sunt saepe eius ut voluptatem quibusdam. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Odit praesentium ut corrupti, sunt, repellat eius nesciunt tempore pariatur cupiditate a quis? Recusandae dolores labore nemo totam, nesciunt ad cumque laudantium. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Est hic saepe, suscipit eaque ab optio at sapiente nam, incidunt corrupti itaque libero repudiandae facere delectus culpa aut quibusdam ratione quod? Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit est voluptatibus praesentium quis tempore quam, sapiente distinctio quidem fugit deserunt autem incidunt molestiae unde optio accusantium dolores, reprehenderit explicabo ipsa? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium aperiam quam, aut in officia a omnis beatae eius iure vitae tenetur corrupti unde, id accusamus ipsum aliquid odit ipsa sit! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Est, fugiat! Quia, atque qui. Aliquid consequatur ipsum commodi cupiditate natus reiciendis quos vel dolore fugiat, quaerat, sequi iusto quam! Aspernatur, quae? 
	</body>
</html>